@purple: #722872;
@back-gray: #888;
@dark-purple: #592059;
@font-gray: #666;
body {
  margin: 0;
  padding: 0;
  background: @back-gray;
  color: @font-gray;
  font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
}

a {
  color: @font-gray;
  &:hover, &:focus {
    color: @dark-purple;
  }
}

#banner .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: flex-start; //紧贴顶部
  margin: 0 auto; //左右居中
}

#banner {
  background: @purple !important;
  height: 80px;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .2);
  border-color: @dark-purple;
  .container {
    width: 95%;
    max-width: 1024px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center; //垂直居中
    &::before, &::after {
      display: none;
    }
  }
  img {
    height: 50px;
    margin: 15px 0;
  }
}

nav {
  font-size: 13px;
  background: @purple;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  .nav>li{
    height: 100%;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    display:inline-flex;
  }
}
